.pr{position:relative;}
.none{display:none;}

/*nav*/
.header{width:100%;height:84px;position: fixed;background: #ffffff;top: 0;left: 0;z-index: 99999;box-shadow: 0px 1px 1px #ddd;}
.header .logo{float:left;margin-top:21px;}
.header .logo img{height: 44px;}
.header .RWrap{float:right;height:84px;margin-left:10px;position:relative;border-left: 1px solid #ecf0f1;}
.header .RWrap .RWrap-wechat,.header .RWrap .RWrap-search,.header .RWrap .RWrap-oa{width:25px;height:25px;float:left;
    padding-left:8px; margin:29px 0 0 15px;position:relative;}
.RWrap-erp{width:25px;height:25px;float:left;padding-left:8px; margin:29px 0 0 15px;position:relative;}
.RWrap-apiot{width:25px;height:25px;float:left;padding-left:8px; margin:29px 0 0 15px;position:relative;}
.header .RWrap .RWrap-wechat{background:url("../images/nav_w.png") no-repeat right center;}
.header .RWrap .RWrap-search{background:url("../images/nav_s.png") no-repeat right center;}
.header .RWrap .RWrap-oa{background:url("../images/nav_oa.png") no-repeat right center;}
.header .RWrap .RWrap-erp{background:url("../images/nav_erp.png") no-repeat right center;}
.header .RWrap .RWrap-apiot{background:url("../images/nav_apiot.png") no-repeat right center;}
.header .RWrap input{font-size: 14px;color: #666666;float:left;margin-top:25px;width:0px;height:35px;
    border:1px #183883 solid;opacity:0;filter:Alpha(opacity=0);border-radius:5px;}
.header .RWrap .wWrap{width:140px;height:140px;position:absolute;top:84px;right:0;overflow:hidden;z-index:7;}
.header .RWrap .wWrap .wInner{width:140px;height:140px;padding:0; position:absolute;top:-300px;
    right:0px;background:rgba(0,0,0,0.5) !important; background:#000; filter:Alpha(opacity=50);z-index:100;}
.header .RWrap .wWrap .wInner img{height: 140px;width: 140px;padding: 15px;}
.header .nav{float:right;height:84px;position:relative;z-index:10;}
.header .nav li{padding:0 17px 0 16px;float:left;background:url("../images/nav_ge.png") no-repeat right center;}
.header .nav li:last-child{background: none;}
.header .nav li a{font-size:14px;color:#555;line-height:85px;font-weight:bold;}
.header .nav .navline{position:absolute;width:0;height:2px;padding-bottom:3px;
    background:url("../images/nbLine.jpg") repeat-x center center;bottom:0;left:15px;}
.header .nav .navline img{margin:0 auto;display:block;}
.header .menu{display:none;width: 26px;height: 26px; background:url("../images/nav_btn.png") no-repeat center center;
    background-size: 100% 100%; position:fixed; right:40px;top:15px;z-index:90;
    -webkit-transition:all .3s;transition:all .3s;}

/*二级导航*/
.header .innavbg{width:100%;height:56px;background:#000;opacity:0.5; filter:Alpha(opacity=50); position:absolute;
    top:84px;left:0px;z-index:8;display:none;}
.header .classNav{width:1000px; height:56px; position:absolute;top:100%;z-index:10;display:none;}
.header .classNav dd{float:left;margin:0 16px;line-height:56px;}
.header .classNav dd a{display: block; color: #fff; opacity:1\9;+opacity:1; font-size: 13px;line-height:56px;
    position:relative;z-index:100;}
.header .classNav dd a:hover{color:#ddd;}
.classN1{left:63px;}
.classN2{left:148px;}
.classN3{left:-120px;}
.classN4{left:-30px;}
.classN5{/*right:0px;*/}
.classN6{right:100px;}
dl.innerNav {margin-left: -50px;}

/*移动端导航*/
.mask{width:100%;height:100%;background:#000;-webkit-opacity:0.7;opacity:0.7;filter:Alpha(opacity=70);z-index:900;
    position:fixed;top:0;left:0;display:none;}
.m_nav{max-width:400px;min-width:300px;background:#fff;z-index:1000;position:fixed;right:-400px;top:0;height: 100%;}
.m_nav-head{height:60px;padding:0 15px; background:#183883;}
.m_nav-head h2{font-size: 16px;color:#fff;line-height:60px;float:left;margin: 0;}
.m_nav-head a{width:30px;height:30px;background:url("../images/nav_close.png") no-repeat center center;
    float:right;margin-top:16px;}
.m_nav-con{padding:10px 15px;height:100%;}
.m_nav-con ul{padding: 0;}
.m_nav-con ul li a{padding: 10px 0;border-bottom: 1px dashed #ecf0f1;display: block;color: #555555;}

@media screen and (max-width: 1399px) {
    .header .RWrap{display: block;}/*none*/
    .header .logo{margin-top: 24px;}
    .header .logo img{height: 40px;}
}
@media screen and (max-width: 1199px) {
    .header .RWrap{display: none;}
}
@media screen and (max-width: 991px) {
    .header .logo{margin-top: 35px;}
    .header .logo img{height: 28px;}
    .header .nav li{padding: 0 10px 0 9px;}
}
@media screen and (max-width: 767px) {
    .header{height: 60px;}
    .header .logo{margin-top: 18px;}
    .header .menu{display: block;right: 15px;top: 18px;}
    .header .nav{display: none;}
}